import {  View } from "@tarojs/components";
import React, { Component } from "react";

import Echarts from "./Echarts";
export default class EmotionAnalysis extends Component{


 
 <div class="progress">
   <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="" aria-valuemin="" aria-valuemax="" style="width: ;">
     <span class="sr-only">  % Complete</span>
   </div>
 </div>
 
    setChartOptions(chart) {
      var option = {
    backgroundColor: "#ffffff",
    color: ["#37A2DA", "#32C5E9", "#67E0E3", "#91F2DE", "#FFDB5C", "#FF9F7F"],
    series: [{
      label: {
        normal: {
          fontSize: 14
        }
      },
      type: 'pie',
      center: ['50%', '50%'],
      radius: ['40%', '60%'],
      data: [{
        value: 55,
        name: '北京'
      }, {
        value: 20,
        name: '武汉'
      }, {
        value: 10,
        name: '杭州'
      }, {
        value: 20,
        name: '广州'
      }, {
        value: 38,
        name: '上海'
      }]
    }]
  };

  chart.setOption(option);
  }
  



    render() {
        return (
            <View>
                <Echarts setChartOptions={this.setChartOptions.bind(this)} />
            </View>
            )
        }    
}